<template>
	<view class="content">
		<u-navbar :is-back="false" title="鞋橙" :immersive="true" :border-bottom="false" :title-color="titleColor"
			:background="background">
			<view class="slot-left navbar-left" @click="activeShoe">
				<u-icon name="map-fill" color="#000" size="36"></u-icon>

				<!-- <u-icon name="map-fill" color="#fff" size="26"></u-icon> -->
				<text>{{ address }}</text>
			</view>
		</u-navbar>

		<u-swiper :list="list" border-radius="0" height="470"></u-swiper>
		<!-- 公告 -->
		<view class="notice">
			<image src="../../static/tongzhi.png" mode=""></image>
			<swiper class="swiper" :vertical='true' :autoplay="true" :interval="5000">
				<swiper-item class="notice-r" v-for="(item,index) in noticeList" :key="index"
					@click="toNoticeXq(item.content,item.title)">
					<view class="title u-line-1">{{ item.title }}</view>
					<view class="more"> 查看详情 > </view>
				</swiper-item>
			</swiper>
		</view>
		<!-- 分类 -->
		<view class="type-list">
			<view class="type-li" @click="navTo(item.url)" v-for="(item,index) in typeList" :key="index">
				<image :src="item.image" mode=""></image>
				<text>{{item.name}}</text>
			</view>
		</view>
		<!-- 类型 -->
		<view class="soama-type">
			<!-- 存鞋 -->
			<image @click="saoma" src="https://www.sdxiecheng.cn/img/index-cun.png" mode=""></image>
			<!-- 取鞋 -->
			<image @click="saoma" style="margin-left: -40rpx;" src="https://www.sdxiecheng.cn/img/index-qu.png" mode="">
			</image>
		</view>
		<!-- 新增代码 -->
		<!--  -->
		<view class=" " style="padding: 10rpx 0 ; background: #F9F9F9; ">
			<view class="index_heng flex_sb flxe_al" @click="dcjr()">
				<view class="flex_ce flxe_al">
					<image src="https://www.sdxiecheng.cn/uploads/20231023/357909129ec68f7f51e1d567dde2582c.png"
						mode=""></image>
				</view>

				<image class="index_heng_jian"
					src="https://www.sdxiecheng.cn/uploads/20231023/8bf0ad955f9af6eaf38a25d8b5dddfc2.png" mode="">
				</image>

				<view class="jinru">

					<view class="">
						点此进入
					</view>
				</view>
			</view>

		</view>

		<!-- 洗鞋类型 -->
		<view class="wash-shoes-type">

			<view class="index_xxxx_type_box flex_sb flxe_al" @click="xixieList()">
				<view class="index_xxxx_type">
					<image src="https://z1.ax1x.com/2023/09/20/pP5cOCq.png" mode=""></image>
					<!-- 线下<text>社区鞋柜</text>洗鞋类型 -->
				</view>
				<view class="index_xxxx_more">
					更多>
				</view>

			</view>
			<view class="wash-shoes-list">
				<view class="wash-shoes-li" v-for="(item,index) in washShoesList" :key="index"
					:style="{background:item.is_new == 1? '#feeaca':''}">
					<image :src="'https://www.sdxiecheng.cn/'+item.image" mode=""></image>
					<view class="wash-shoes-list-r">
						<view class="title">{{ item.name }}</view>
						<view class="des u-line-2">
							{{ item.describle }}
						</view>
						<view class="price">
							<view v-if="item.is_new == 1" style="color: red;font-size: 28rpx; font-weight: bold;">
								{{ item.price }}元/{{ item.unit }}
								<span style="color: #7C7C7C;margin-left: 17rpx;font-size: 25rpx;">限购一双</span>
							</view>
							<view v-if="item.is_new == 0">{{ item.price }}元/{{ item.unit }} <text
									v-if="item.member_price">会员价：{{ item.member_price }}元</text></view>
							<view class="price-caozuo">
								<image @click="addCard(item.id,item.is_new_user,item.is_new)"
									src="https://www.sdxiecheng.cn/img/catAdd.png" mode="">
								</image>
								<button class="u-reset-button"
									@click="xiadan(item.id,item.is_new_user,item.is_new)">立即下单</button>
							</view>
						</view>
					</view>

				</view>
			</view>
		</view>
		<!-- 附近鞋柜 -->
		<image class="fujin" :src="'https://www.sdxiecheng.cn/'+fujinImage" mode="" @click="activeShoe"></image>
		<u-tabbar :list="tabbar" :before-switch="beforeSwitch" :mid-button="true" :border-top="false"
			mid-button-size="110" active-color="#FF9A33" inactive-color="#999999"></u-tabbar>
		<!-- 领取优惠券弹窗 -->
		<u-mask :show="newPop">
			<view class="wrap">
				<view class="new-list" :style="'background:url('+newBg+')'">
					<view class="new-li" v-for="(item,index) in newList" :key="index">
						<view class="left">
							<text v-if="item.type == 'coupon'">￥{{item.amount}}</text>
							<text v-if="item.type == 'packet'">￥{{item.money}}</text>
						</view>
						<view class="right">
							<view class="title">
								{{item.name}}
							</view>
							<view class="des" v-if="item.description">
								{{ item.description }}
							</view>
						</view>
					</view>
					<button class="u-reset-button lingqunew" @click="lingqu">一键领取</button>
				</view>
				<view class="close" style="margin-top: 34rpx;" @click="newPop = false">
					<u-icon name="close-circle" size="61" color="#fff"></u-icon>
				</view>
			</view>

		</u-mask>

		<u-popup v-model="show" mode="bottom">
			<view style="height: 181px; display: flex;align-items: center;justify-content: center;">
				<view style="text-align: center;">
					<text style="display: block;padding: 32px;"> 您未授权使用手机号，商家无法联系您，请尽快授权手机号！</text>
					<u-button size="medium" class="u-reset-button pay-btn" open-type="getPhoneNumber" type="success"
						@getphonenumber="getphone">授权</u-button>
				</view>
			</view>
		</u-popup>
		<!-- 用户协议 -->
		<view>
			<u-modal z-index="999999" v-model="showxy" @confirm="close()" title="用户协议" title-style="fontSize:16rpx;fontW">
				<scroll-view :scroll-top="scrollTop" scroll-y="true" class="scroll-Y" style="height: 937rpx;">
					<view class="slot-content">
						<rich-text :nodes="content"></rich-text>
					</view>
				</scroll-view>
			</u-modal>
		</view>
		<!-- 首页弹出框 -->
		<u-popup v-model="show_pop" mode='center' class="a1" :mask-close-able=false>
			<view class="index_pop_box">
				<image class="pos_top" src="https://z1.ax1x.com/2023/09/20/pP5czKU.png" mode=""></image>
				<view class="index_pop">
					<view class="index_pop_item">
						<h2>
							请确认您的社区
						</h2>
						<text class="" @click="cabiner()">
							修改社区 >
						</text>
						<view class="index_pop_item_user">
							<h2>
								{{pop_lsit.community_name}}——{{pop_lsit.name}}
							</h2>
							<view class="flxe_al">

								<image src="https://z1.ax1x.com/2023/09/20/pP5cf8P.png" mode=""></image>

								距您 {{pop_lsit.distance}}
							</view>
							<view class="flxe_al">
								<image src="https://z1.ax1x.com/2023/09/20/pP5chgf.png" mode=""></image>
								{{pop_lsit.address}}
							</view>
						</view>
						<view class="index_pop_botton" @click="isCabilnet(pop_lsit.id,pop_lsit.name)">
							确定
						</view>
					</view>
				</view>
			</view>

		</u-popup>

		<u-toast ref="uToast" />
		<!-- 		<u-popup v-model="shows" mode='bottom' :closeable='true' border-radius="10" close-icon='close-circle'
			close-icon-size=50 close-icon-color='#B8B8B8'>

			<view class="xd_box">
				<view class="flex">
					<view class="xd_box_img">
						<image src="https://s1.ax1x.com/2023/09/12/pP2PJfK.png"></image>
					</view>
					<view class="xd_box_text">
						<h2>{{good_box.title}}</h2>
						<view class="xd_box_seo">
							{{good_box.seo}}。
						</view>
						<view class="xd_box_pice">
							¥{{good_box.pice}}
						</view>
					</view>

				</view>
				<view class="goods_num_box flex_sb flxe_al">
					<view class="">购买数量</view>
					<view class="">
						<u-number-box v-model="nums" :input-width="100" :input-height="60"></u-number-box>
					</view>
				</view>
				<button class="goods_num_box_button">提交</button>
			</view>

		</u-popup> -->
	</view>
</template>

<script>
	import {
		mapMutations,
		mapActions,
		mapState,
		mapGetters
	} from 'vuex';
	export default {
		data() {
			return {
				show_pop: true, //首页弹窗
				show: false,
				title: 'Hello uView',
				newPop: false,
				newList: [],
				address: '',
				tabbar: '',
				fujinImage: '',
				shoecabinet_id: '',
				background: {
					'background': 'rgba(0,0,0,0)'
				},
				titleColor: '#000',

				// titleColor: '#fff',
				list: [],
				noticeList: [],
				newBg: '',
				typeList: [{
						image: '',
						text: '会员中心'
					},
					{
						image: '',
						text: '优惠券'
					},
					{
						image: '',
						text: '洗鞋流程'
					},
					{
						image: '',
						text: '故障维护'
					}
				],
				washShoesList: [],
				userlist: [136, 128, 126, 100, 96, 95],
				// ids: 0, //产品id
				// nums: 1, //数量
				// shows: false,
				// good_box: {}, //弹窗显示产品数据
				latitude: '',
				longitude: '',
				pop_lsit: {
					community_name: '',
					name: '',
					distance: '',
					address: '',
					id: ''
				}, //弹窗数据
				showxy:false,
				content:'',
				is_back:-1,
			}
		},
		onLoad(e) {

			this.getyhxy()
			//未知
			// console.log(e.scene)
			if (e.scene) {
				uni.setStorageSync('scene', e.scene)
			}
			/**
			 * 示例中为每个tabbar页面都写了一遍tabbar变量，您可以将tabbar数组写入到vuex中，这样可以全局引用
			 */
			this.tabbar = this.$store.state.tabbar
			let that = this
			//首页的一些展示
			this.getBanner()
			this.getXuanZeImage()
			this.getNoticeList()
			this.getHomeType()
			that.$store.state.isScanCode = false

			//监听鞋柜选择
			uni.$on('update', function(data) {
				if (data) {
					that.is_back=data.id
					that.getpop_fanhui(data.id)
				}
			})



		},
		onShow() {
			let _this = this
			// this.getAddress()
			// if (!uni.getStorageSync('userId')) {
			// 	uni.reLaunch({
			// 		url: '../login/login'
			// 	})
			// } else {
			// 	this.getAddress()
			// }
			//判断是否是登录后回来的页面
			// uni.$on('a1', function(data) {
			// 	if (data.a1 == 1) {
			// 		_this.get_zb_addon()
			// 		this.getAddress()
			// 	}
			// })
			// this.getAddress()
			// 选择社区弹窗
			if (this.address == '' && this.is_back == -1) {
				this.getAddress()
				this.show_pop = true
			} else {
				// 获取首页洗鞋类型
				// this.getShoeList()
			}
			this.getCartList()

		},
		methods: {
			...mapActions(['addCartGoods', 'getCartList']),

			// 点击跳转商品列表
			dcjr() {
				// 存下商品列表类型
				// uni.setStorageSync("goods_type",1)
				// uni.switchTab({
				// 	url:"/pages/product/product?types=" + 1
				// })
				uni.navigateTo({
					url: "/pages/product/on_prouduct"
				})
			},
			// 获取选择鞋柜后的返回信息
			getpop_fanhui(id) {
				uni.$u.http.post('user/chiose_shoe', {
					longitude: this.longitude,
					latitude: this.latitude,
					id: id
				}).then(res => {
					this.pop_lsit = res.data
				})
			},
			//跳转选择鞋柜
			cabiner() {
				uni.navigateTo({
					url: "/pages/cabinet/cabinet"
				})
			},
			//提交选择的鞋柜
			isCabilnet(id, title) {
				let that = this
				that.address = title
				that.shoecabinet_id = id
				that.$store.state.shoecabinet_id = id
				that.getShoeList()
				that.getPop()
				that.show_pop = false

				//授权手机号
				const userid = Number(uni.getStorageSync('phoneNumber'))
				if (!userid) {
					this.open()
				}
			},
			// 获取坐标点
			getAddress() {
				let that = this
				console.log('获取坐标点')
				uni.getLocation({
					type: 'gcj02',
					success: function(res) {
						// console.log('地址',res)
						that.latitude = res.latitude
						that.longitude = res.longitude
						// that.getShoeList()
						that.get_zb_addon()
					},
					fail: function(res) {

					}
				});
			},
			// 获取社区信息
			get_zb_addon(data) {
				uni.$u.http.post('user/community_page', {
					longitude: this.longitude,
					latitude: this.latitude
				}).then(res => {
					// console.log(res, '111111111111111111111111')
					this.pop_lsit = res.data
				}).catch((err) => {
					// console.log(err, '2222222222222222')
				})
			},
			// 线下社区鞋柜弹窗
			tan(index) {
				this.shows = true
				this.nums = 1
				this.ids = index
				this.goods_lisr.forEach((res, index1) => {

					if (index == index1) {
						this.good_box = res
					}
				})
			},
			beforeSwitch(index) {
				// console.log(index)
				if (index != 2) {
					return true
				} else {
					this.saoma()
					return false
				}
			},
			//手机号授权弹窗
			open() {
				this.show = true;
			},

			// 首页弹窗
			getPop() {
				uni.$u.http.post('coupon/pop_coupon', {
					shoe_id: this.$store.state.shoecabinet_id
				}).then(res => {
					this.newList = res.data.list
					this.newBg = 'https://www.sdxiecheng.cn/' + res.data.alert_back_image
					if (this.newList && this.newList.length > 0) {
						this.newPop = true
					}

				})
			},
			saoma() {
				let that = this
				uni.scanCode({
					success: function(res) {
						// console.log('条码类型：' + res.scanType);
						// console.log('条码内容：' + res.result);

						let parames = that.queryURLParams(res.result)
						console.log('参数->', that.queryURLParams(res.result))
						uni.navigateTo({
							url: '/pages/service/service?id=' + parames.id
						})
					}
				});
			},
			queryURLParams(url) {
				let pattern = /(\w+)=(\w+)/ig; //定义正则表达式
				let parames = {}; // 定义参数对象
				url.replace(pattern, ($, $1, $2) => {
					parames[$1] = $2;
				});
				return parames;
			},
			// 跳转
			xixieList() {
				uni.navigateTo({
					url: '../goods/goods_list'
				})
			},
			xiadan(id, is_new_user, is_new) {
				if (is_new == 1 && is_new_user == 0) {
					this.$refs.uToast.show({
						title: '您不属于新用户'
					})
					return
				}
				uni.navigateTo({
					url: '../order/place_order/place_order?id=' + id + '&shoecabinet_id=' + this.shoecabinet_id
				})
			},
			// 选择鞋柜
			activeShoe() {
				this.show_pop = true
				// uni.navigateTo({
				// 	url: '../cabinet/cabinet'
				// })
			},
			addCard(id, is_new_user, is_new) {
				// uni.showToast({
				// 	icon:'success',
				// 	title:'加入购物车成功'
				// })

				if (is_new == 1 && is_new_user == 0) {
					this.$refs.uToast.show({
						title: '您不属于新用户'
					})
					return
				}



				let confirmGoodsList = {
					id: id,
					quantity: 1
				}
				this.addCartGoods(confirmGoodsList).then(res => {
					// console.log(res)
					if (res.code == 200) {
						uni.showToast({
							icon: 'success',
							title: res.msg
						})
					}
				})



			},
			// 首页-洗鞋类型接口
			getShoeList() {
				uni.$u.http.post('/shoe/shoe_index', {
					shoecabinet_id: this.shoecabinet_id
				}).then(res => {
					// console.log(res)
					this.washShoesList = res.data
				})
			},
			// 获取首页轮播图
			getBanner() {
				uni.$u.http.post('/index/get_rotation').then(res => {
					res.data.forEach(item => {
						item.image = 'https://www.sdxiecheng.cn/' + item.image
					})
					this.list = res.data
				})
			},
			// 首页底部选择鞋柜图片接口
			getXuanZeImage() {
				uni.$u.http.post('/index/get_choice_image').then(res => {

					this.fujinImage = res.data.value
				})
			},
			// 公告接口
			getNoticeList() {
				uni.$u.http.post('/notice/index').then(res => {
					this.noticeList = res.data
				})
			},
			// 查看详情
			toNoticeXq(content, title) {
				uni.setStorageSync('content', content)
				uni.setStorageSync('title', title)
				uni.navigateTo({
					url: '../noticeXq/noticeXq'
				})
			},
			// 获取首页分类
			getHomeType() {
				uni.$u.http.post('/index/get_column').then(res => {
					res.data.forEach(item => {
						item.image = 'https://www.sdxiecheng.cn/' + item.image
					})
					this.typeList = res.data
				})
			},
			// 分类跳转
			navTo(url) {
				uni.navigateTo({
					url: url
				})
			},
			lingqu() {
				let newList = []
				if (this.newList && this.newList.length > 0) {
					this.newList.forEach(item => {
						newList.push(item.id)
					})
				}

				uni.$u.http.post('coupon/one_click_claim', {
					coupon_ids: newList.join(',')
				}).then(res => {
					// console.log(res)
					uni.showToast({
						icon: 'success',
						title: res.msg
					})
					this.newPop = false
				}).catch(err => {
					uni.showToast({
						icon: 'none',
						title: err.msg
					})
				})
			},
			getphone(e) {
				if (!e.detail.iv) {
					uni.showToast({
						title: '获取手机号失败',
						icon: 'none'
					})
					return;
				}
				var that = this;
				uni.login({
					provider: 'weixin',
					success(res) {
						let code = res.code;
						var obj = {
							code,
							iv: e.detail.iv,
							encryptedData: e.detail.encryptedData
						}
						that.decryptPhone(obj);
					}
				})
			},
			decryptPhone(obj) {
				uni.$u.http.post('user/getMobile', obj).then(res => {
					// console.log(res.data)
					this.postPhone(res.data.phoneNumber)
					// this.postPhone()
				})
			},
			// 提交手机号
			postPhone(phone) {

				uni.$u.http.post('user/binding', {
					mobile: phone,
					// openid: uni.getStorageSync('openid')
				}).then(res => {
					// console.log(res, '授权  ')

					uni.setStorageSync('phoneNumber', phone)
					uni.showToast({
						icon: 'success',
						title: '授权成功'
					})
					this.show = false;


				}).catch(err => {
					uni.showToast({
						icon: 'none',
						title: err.msg
					})
				})
			},
			//获取用于协议内容
			getyhxy() {
				console.log('getyhxy')
				uni.$u.http.post('index/user_agreement', {}).then(res => {
					this.content = res.data.info
					this.showxy = true
				})
			},
			//关闭用户协议
			close() {
				this.showxy = false

			},
		}
	}
</script>

<style lang="less">
	.content {
		width: 100%;

	}

	.slot-content {
		margin-top: 17rpx;
		padding: 20rpx 25rpx;
		/* height: 937rpx;
		overflow: auto; */
	}

	.navbar-left {
		padding-left: 20rpx;
		// font-size: 24rpx;
		font-size: 35rpx;
		// color: #FFFFFF;
		color: #000;

		text {
			padding-left: 9rpx;
		}
	}

	.type-list {
		display: flex;
		align-items: center;
		justify-content: space-between;
		background: #FFFFFF;
		padding: 0 20rpx;

		image {
			width: 100rpx;
			height: 100rpx;
			border-radius: 50%;
			overflow: hidden;
			margin-bottom: 18rpx;
		}

		.type-li {
			display: flex;

			flex-direction: column;

			text {
				font-size: 24rpx;
				text-align: center;
			}
		}
	}

	.soama-type {
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: space-between;
		background: #FFFFFF;
		padding: 0 20rpx;
		padding-top: 60rpx;
		padding-bottom: 33rpx;

		image {
			width: 380rpx;
			height: 161rpx;
		}
	}

	.wash-shoes-type {
		padding: 0 20rpx;
		margin-top: 39rpx;

		.wash-shoes-title {
			display: flex;
			align-items: center;
			justify-content: space-between;

			image {
				width: 35rpx;
				height: 38rpx;
				margin-right: 22rpx;
			}

			text {
				font-size: 32rpx;
				font-weight: bold;
			}

			.more {
				color: #7C7C7C;
				font-size: 24rpx;
			}
		}

		.wash-shoes-list {
			margin-top: 40rpx;

			.wash-shoes-li {
				width: 100%;
				height: 220rpx;
				background: #FFFFFF;
				margin-bottom: 30rpx;
				border-radius: 10rpx;
				overflow: hidden;
				display: flex;
				align-items: center;
				padding: 30rpx 20rpx;

				image {
					width: 160rpx;
					height: 160rpx;
					border-radius: 10rpx;
					overflow: hidden;
				}

				.wash-shoes-list-r {
					width: calc(100% - 160rpx);
					padding-left: 21rpx;

					.title {
						font-size: 30rpx;
						font-weight: bold;
						margin-bottom: 13rpx;
					}

					.des {
						font-size: 24rpx;
						color: #7C7C7C;
						line-height: 30rpx;
						margin-bottom: 10rpx;
					}

					.price {
						display: flex;
						align-items: center;
						justify-content: space-between;

						view {
							font-size: 24rpx;
							color: #333333;

							text {
								color: #FBAA27;
								margin-left: 13rpx;
							}
						}

						.price-caozuo {
							display: flex;
							align-items: center;

							image {
								width: 30rpx;
								height: 30rpx;
								margin-right: 17rpx;
							}

							button {
								color: #FBAA27;
								font-size: 24rpc;
								font-weight: bold;
								border: 2rpx solid #FBAA27;
								padding: 0 12rpx;
								line-height: 42rpx;
								border-radius: 21px;
							}
						}
					}
				}
			}
		}
	}

	.fujin {
		width: 100%;
		height: 200rpx;
		margin-bottom: 81rpx;
		padding: 0 20rpx;
		box-sizing: border-box;
	}

	.notice {
		padding: 0 20rpx;
		display: flex;
		align-items: center;
		padding-top: 30rpx;
		padding-bottom: 38rpx;

		background: #FFFFFF;

		image {
			width: 32rpx;
			height: 27rpx;
		}

		.notice-r {
			width: 100%;
			padding-left: 12rpx;
			padding-right: 12rpx;
			display: flex;
			align-items: center;
			justify-content: space-between;
			box-sizing: border-box;

			view {
				color: #7C7C7C;
				font-size: 24rpx;
			}

			.more {
				color: #999999;
				font-size: 22rpx;
			}
		}

		.swiper {
			width: calc(100% - 32rpx);
			height: 27rpx;
		}
	}

	.wrap {
		width: 100%;
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
	}

	.new-list {
		width: 645rpx;
		// min-height: 800rpx;
		margin: 0 auto;
		background-size: 100% 100% !important;
		padding: 0 46rpx;
		padding-top: 146rpx;
		padding-bottom: 80rpx;

		.new-li {
			height: 140rpx;
			background: #FFFFFF;
			border-radius: 6rpx;
			overflow: hidden;
			margin-bottom: 26rpx;
			display: flex;
			align-items: center;

			.left {
				width: 200rpx;
				height: 100%;
				background: #FFECF7;
				display: flex;
				align-items: center;
				justify-content: center;

				text {
					color: #CD0000;
					font-size: 40rpx;
					font-weight: bold;
				}
			}

			.right {
				padding: 19rpx 20rpx;

				.title {
					font-size: 30rpx;
					font-weight: bold;
					line-height: 1;
					margin-bottom: 19rpx;
					color: #333;
				}

				.des {
					font-size: 24rpx;
					color: #7C7C7C;
					line-height: 36rpx;
				}
			}
		}
	}

	.lingqunew {
		width: 558rpx;
		height: 90rpx;
		background: linear-gradient(0deg, #FDC89C, #FCF6D2);
		box-shadow: 0px 5rpx 0rpx 0rpx rgba(196, 49, 32, 0.4000);
		color: #D14222;
		font-size: 36rpx;
		display: flex;
		align-items: center;
		justify-content: center;
		border-radius: 50rpx;
	}

	.ba_F9F9F9 {
		background: #F9F9F9;
		padding: 10rpx 20rpx;
	}

	.ba_F9F9F9 image {
		width: 102rpx;
		height: 89rpx;
		margin-right: 17rpx;
	}

	.index_heng {
		background: #ffffff;
		padding: 30rpx 30rpx;
		margin-bottom: 10rpx;
		justify-content: space-between;
	}

	.index_heng image {
		width: 320rpx;
		height: 89rpx;
	}


	.index_heng_title {
		letter-spacing: 8rpx;
		font-size: 44rpx;
		font-weight: 550;
		color: #333333;
		text-align: center;

	}

	.index_heng_title>text {
		color: #FF9A33;
	}

	.index_heng_contet {
		font-size: 22rpx;
		letter-spacing: 4rpx;
		font-weight: 500;
		color: #FF9A33;
		text-align: center;
	}

	.index_heng_title {
		letter-spacing: 8rpx;
		font-size: 44rpx;
		font-weight: 550;
		color: #333333;
		text-align: center;

	}

	.index_heng_title>text {
		color: #FF9A33;
	}

	.index_heng_contet {
		font-size: 22rpx;
		letter-spacing: 4rpx;
		font-weight: 500;
		color: #FF9A33;
		text-align: center;
	}

	.jinru {
		padding: 10rpx 30rpx;
		// width: 160rpx;
		// height: 40rpx;
		background: #FBAA27;
		border-radius: 20rpx;
		line-height: 40rpx;
		text-align: center;
		font-size: 33rpx;
		// font-size: 24rpx;
		font-weight: 500;
		color: #FFFFFF;
	}

	.index_xxxx_type image {
		width: 447rpx;
		height: 40rpx;
		font-size: 36rpx;
		font-weight: 550;
		letter-spacing: 4rpx;
		color: #333333;
	}

	.index_xxxx_more {
		font-size: 28rpx;
		font-weight: 400;
		color: #696969;
	}

	.index_xxxx_type>text {
		color: #FBAA27;

	}

	.index_xxxx_type_box {
		margin: 30rpx 0 30rpx;
	}

	.indexcp_item {
		padding: 20rpx 30rpx;
		background: #ffffff;
		margin-bottom: 30rpx;
		border-radius: 10rpx;
	}

	.indexcp_item_active {
		background: #FEEACA;

	}

	.indexcp_item_img {
		width: 150rpx;
		height: 150rpx;
		margin-right: 20rpx;
	}

	.indexcp_item_img>image {
		width: 100%;
		height: 100%;

	}

	.indexcp_item_text_title {
		font-size: 28rpx;
		font-weight: bold;
		color: #333333;
		letter-spacing: 2rpx;
	}

	.indexcp_item_text {
		width: calc(100% - 170rpx);
	}

	.indexcp_item_text_seo {
		margin: 12rpx 0;
		font-size: 24rpx;
		font-weight: 400;
		color: #808080;
	}

	.indexcp_item_sku {
		font-size: 24rpx;
		font-weight: 400;
		color: #7C7C7C;
	}

	.indexcp_item_sku_button>image {
		width: 35rpx;
		height: 35rpx;
	}

	.indexcp_item_sku_button>view {
		width: 118rpx;
		height: 42rpx;
		border: 2rpx solid #FBAA27;
		border-radius: 21rpx;
		line-height: 42rpx;
		text-align: center;
		font-size: 24rpx;
		font-weight: 400;
		color: #FBAA27;
	}

	.index_pop_box {
		position: relative;
		padding: 55rpx 0rpx 78rpx;
	}

	.a1 /deep/ .u-mode-center-box {
		background-color: #B3FF0000 !important;
		border-radius: 20rpx !important;
	}

	.index_pop {
		width: 600rpx;
		padding: 84rpx 40rpx 91rpx;
		background: #ffffff;
	}

	.index_pop {
		border-radius: 20rpx;

		background-size: 105% 105%;
		background-image: url("https://z1.ax1x.com/2023/09/20/pP5cvvT.png");
	}

	.index_pop_item>h2 {
		font-size: 46rpx;
		font-weight: 800;
		color: #FBAA27;
		margin-top: 0 !important;
	}

	.pos_top {
		position: absolute;
		top: 0rpx;
		right: 0;
		width: 260rpx;
		height: 238rpx;
	}

	.index_pop_item>text {
		font-size: 24rpx;
		font-weight: 400;
		color: #8C8D8C;
		margin: 34rpx 0 108rpx;
		display: block;
	}

	.index_pop_item_user {
		padding: 30rpx;
		background: #F7F8FA;
		margin-bottom: 60rpx;
	}

	.index_pop_item_user>h2 {
		font-size: 30rpx;
		font-weight: 800;
		color: #515151;
	}

	.index_pop_item_user .flxe_al {
		margin-top: 21rpx;
		font-size: 24rpx;
		font-weight: 400;
		color: #7C7C7C;
	}

	.index_pop_item>h2 view {
		margin-top: 0 !important;

	}

	.index_pop_item_user>view image {
		height: 27rpx;
		width: 27rpx;
		margin-right: 9rpx;
	}

	.index_pop_botton {
		height: 80rpx;
		line-height: 80rpx;
		background: #FBAA27;
		box-shadow: 0px 4rpx 10rpx 0px rgba(175, 111, 8, 0.3);
		border-radius: 40rpx;
		text-align: center;
		font-size: 36rpx;
		font-weight: 400;
		color: #FFFFFF;
	}

	.index_heng_jian {
		width: 120rpx !important;
		height: 50rpx !important;
	}
</style>
